<template>
  <div style="padding-bottom:100px;">
    <div v-title>查看电子协议</div>
    <div class="Img">
      <img v-for="img in imageList" v-lazy="img">
    </div>
    <div @click="$router.go(-1)" class="next">返回电子协议</div>
  </div>
</template>
<script>
  import api from '../fetch/api.js';
  import {
    Lazyload,
  } from 'vant';
  export default {
    components: {
      [Lazyload.name]: Lazyload,
    },
    data() {
      return {
        imageList: [
          '/static/img/bfbImg01.7d41b65.png',
          '/static/img/bfbImg02.5b855b3.jpg',
          '/static/img/bfbImg03.58074a9.jpg',
          '/static/img/bfbImg04.aaa5b71.jpg',
          '/static/img/bfbImg05.88e75ad.jpg',
          '/static/img/bfbImg06.395225d.jpg',
          '/static/img/bfbImg07.173c65a.jpg',
          '/static/img/bfbImg08.93f594d.jpg',
          '/static/img/bfbImg09.753f255.jpg',
          '/static/img/bfbImg10.282348d.jpg',
          '/static/img/bfbImg11.190d425.jpg',
          '/static/img/bfbImg12.d1dc5b4.jpg',
          '/static/img/bfbImg13.4351a48.jpg',
          '/static/img/bfbImg14.ae138f0.jpg',
          '/static/img/bfbImg15.7b4dc3e.jpg',
          '/static/img/bfbImg16.d885da7.jpg',
          '/static/img/bfbImg17.f6f582a.jpg',
          '/static/img/bfbImg18.1aca0f0.jpg',
          '/static/img/bfbImg19.3f2e492.jpg',
          '/static/img/bfbImg20.72d8cd1.jpg',
          '/static/img/bfbImg21.e84ed08.jpg',
          '/static/img/bfbImg22.a40e659.jpg',
          '/static/img/bfbImg23.886da29.jpg',
          '/static/img/bfbImg24.1933986.jpg',
          '/static/img/bfbImg25.081610f.jpg',
          '/static/img/bfbImg26.e009131.jpg',
          '/static/img/bfbImg27.2728e8a.jpg',
          '/static/img/bfbImg28.f6ff2f2.jpg',
          '/static/img/bfbImg29.c8937fe.jpg',
          '/static/img/bfbImg30.0ac94ad.jpg',
          '/static/img/bfbImg31.180b53a.jpg',
          '/static/img/bfbImg32.cebc813.jpg',
          '/static/img/bfbImg33.c0860dd.jpg',
          '/static/img/bfbImg34.ca8253e.jpg',
          '/static/img/bfbImg35.ed2b543.png',
        ]
      }
    },
    methods: {

    }
  }

</script>
<style scoped>
  .next {
    width: 100%;
    float: right;
    line-height: 60px;
    background: #2491ff;
    color: #fff;
    text-align: center;
    font-size: 16px;
    height: 60px;
    position: fixed;
    bottom: 0;
  }

  img {
    width: 100%;
  }

</style>
